<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城VMALL-华为手机、笔记本、平板、穿戴、官网正品保障-华为商城VMALL</title>
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.x.x/css/swiper.min.css">

    <link rel="stylesheet/less" href="./less/Index-Mobile.less" media="screen and (max-width:840px)">
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet/less" href="./less/header.less" media="screen and (min-width:841px)">
    <link rel="stylesheet/less" href="./less/nav.less" media="screen and (min-width:841px)">
    <link rel="stylesheet/less" href="./less/article.less" media="screen and (min-width:841px)">
    <link rel="stylesheet/less" href="./less/aside.less" media="screen and (min-width:841px)">
    <link rel="stylesheet/less" href="./less/footer.less" media="screen and (min-width:841px)">

    <style>
        @media screen and (max-width:840px) {
            body div{
                font-family: Arial, Helvetica, sans-serif, 'Lucida Grande', Verdana !important;
            }
            .pc{display: none;}
            .mobile{display: block;}
        }
        @media screen and (min-width:841px) {
            body div{
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
            }
            .pc{display: block;}
            .mobile{display:none;}
        }
        @media screen and (max-width:1200px) {
            .pc_width{width: 100%;}

            .Carousel{width:100%;}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: 5px;}
            .leftNavBox{width: 100%;}
            .leftNav{left: 1.5px;}
        }
        @media screen and (min-width:1200px) {
            .pc_width{width: 1200px;}

            .Carousel{width:100vw;}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: -12px;}
            .leftNav{left: 0%;}
        }
        
        body{
            position: relative;
        }
        .flexBox{
            display: flex;
            /* justify-content: center;
            align-items: center; */
        }
        .pc_width{margin: auto;}
        main{position: relative;}

        .topBanner{
            width: 100%;
            height: 90px;
            background-image: url('./img/topBanner.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }
        .topBanner .pc_width .main{
            position: relative;
            height: 90px;
        }
        .topBanner_close{
            position: absolute;
            right: 12px;
            top: 12px;
            width: 24px;
            height: 24px;
            background-image: url('./img/关闭2-fill.png');
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: center center;
            opacity: 0.3;
            cursor: pointer;
        }
        .topBanner_close:hover{opacity: 0.7;}
    </style>

</head>
<body>
    <!-- pc端首页 -->
    <div class="pc">
        
        <div class="topBanner">
            <div class="pc_width">
                <div class="main">
                    <div class="topBanner_close"></div>
                </div>
            </div>
        </div>

        <header>
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="toolBar_left">
                        <ul>
                            <li><a href="#">首页</a></li>
                            <li><a href="#">华为官网</a></li>
                            <li><a href="#">花粉俱乐部</a></li>
                            <li><a href="#">V码(优购码)</a></li>
                            <li><a href="#">企业购</a></li>
                            <li><a href="#">Select Region</a></li>
                            <li class="drop">
                                <a href="#">更多精彩</a>
                                <dl class="dropdown more">
                                    <dt><a href="#">HarmonyOS</a></dt>
                                    <dt><a href="#">应用市场</a></dt>
                                    <dt><a href="#">华为终端云空间</a></dt>
                                    <dt><a href="#">开发者联盟</a></dt>
                                </dl>
                            </li>
                        </ul>
                    </div>
                    <div class="toolBar_right">
                        <ul>
                            <li><a href="/Personal-Center.html">欢迎您！le***hh</a></li>
                            <li><a href="#">退出</a></li>
                            <li><a href="/Personal-Center.html">我的订单</a></li>
                            <li class="drop">
                                <a href="#">客服</a>
                                <dl class="dropdown customer_service">
                                    <dt><a href="#">服务中心</a></dt>
                                    <dt><a href="#">联系客服</a></dt>
                                </dl>
                            </li>
                            <li class="drop">
                                <a href="#">网站导航</a>
                                <div class="dropdown site_navigation">
                                    <div class="flexBox">
                                        <div class="navs_icon">
                                            <a href="#"><span>商城首页</span></a>
                                        </div>
                                        <div class="fl">
                                            <div class="title">频道</div>
                                            <a href="" class="list">华为专区</a>
                                            <a href="" class="list">企业购</a>
                                            <a href="" class="list">教育优惠</a>
                                            <a href="" class="list">HarmonyOS</a>
                                        </div>
                                        <div class="fl">
                                            <div class="title">产品</div>
                                            <a href="" class="list">手机</a>
                                            <a href="" class="list">笔记本</a>
                                            <a href="" class="list">平板</a>
                                            <a href="" class="list">智能穿戴</a>
                                            <a href="" class="list">智能家居</a>
                                            <a href="" class="list">智慧屏</a>
                                            <a href="" class="list">耳机音箱</a>
                                            <a href="" class="list">热销配件</a>
                                            <a href="" class="list">生态产品</a>
                                            <a href="" class="list">增值服务</a>
                                        </div>
                                        <div class="fl">
                                            <div class="title">增值服务</div>
                                            <a href="" class="list">以旧换新</a>
                                            <a href="" class="list">补购保障</a>
                                            <a href="" class="list">一口价换电池</a>
                                            <a href="" class="list">音频延保</a>
                                            <a href="" class="list">穿戴延保</a>
                                            <a href="" class="list">智慧屏全质保</a>
                                            <a href="" class="list">活动公告</a>
                                        </div>
                                        <div class="fl">
                                            <div class="title">会员</div>
                                            <a href="" class="list">会员频道</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="drop">
                                <a href="#">手机版</a>
                                <div class="dropdown mobile">
                                    <div class="clearFix">
                                        <a href="#"><img src="./img/APP.webp" alt=""></a>
                                        <h2>华为商城APP</h2>
                                        <p>新人专享好礼<br>最高5000积分</p>
                                        <span class="span1"></span>
                                        <span class="span2"></span>
                                        <span class="span3"></span>
                                    </div>
                                    <div class="clearFix">
                                        <a href="#"><img src="./img/公众号.webp" alt=""></a>
                                        <h2>华为商城公众号</h2>
                                        <p>微信扫一扫</p>
                                        <span></span>
                                    </div>
                                    <div class="clearFix">
                                        <a href="#"><img src="./img/小程序.webp" alt=""></a>
                                        <h2>微信小程序</h2>
                                        <span></span>
                                    </div>
                                </div>
                            </li>
                            <li class="drop shopping_cart">
                                <a href="#">购物车(0)</a>
                                <div class="dropdown cart">
                                    <div class="main">
                                        <div class="cart_big">
                                            <img src="./img/cart-big.svg" alt="">
                                        </div>
                                        <div>您的购物车是空的，赶紧选购吧~</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>

        <nav>
            <div class="pc_width">
                <div class="main flexBox navTotal">
                    <div class="logo"><img src="./img/logo_app.png" alt=""></div>
                    <div class="toolBar flexBox">
                        <div class="all_categories" style="display:none;">
                            <span class="flexBox">全部分类</span>
                        </div>
                        <div class="nav_first">华为专区</div>
                        <div>鸿蒙智联</div>
                        <div>莫塞尔</div>
                        <div>华为智选</div>
                        <div>HarmonyOS</div>
                        <div>特惠企采</div>
                        <div>教育购</div>
                    </div>
                    <div class="searchLogo"></div>
                </div>
                
                <!-- 点击全部分配-左侧导航 -->
                <div class="all_categories_leftNavBox" style="display:none;">
                    <div class="leftNav">
                        <div class="main flexBox">
                            <div class="firstNav flexBox">
                                <div class="firstNavList flexBox phone">
                                    <span class="left">手机</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore01.png" alt="">
                                                <span class="flexBox">Mate系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore02.webp" alt="">
                                                <span class="flexBox">P系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore03.webp" alt="">
                                                <span class="flexBox">Nova系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore04.png" alt="">
                                                <span class="flexBox">畅享系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore05.webp" alt="">
                                                <span class="flexBox">华为认证二手机</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox computer">
                                    <span class="left">电脑</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore01.webp" alt="">
                                                <span class="flexBox">MateBook X系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore02.webp" alt="">
                                                <span class="flexBox">MateBook系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore03.webp" alt="">
                                                <span class="flexBox">MateBook D系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore04.webp" alt="">
                                                <span class="flexBox">MateBook E系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore05.webp" alt="">
                                                <span class="flexBox">商用电脑</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore06.webp" alt="">
                                                <span class="flexBox">显示器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore07.webp" alt="">
                                                <span class="flexBox">台式机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore08.webp" alt="">
                                                <span class="flexBox">打印机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore09.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore10.jpg" alt="">
                                                <span class="flexBox">电脑包</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox pad">
                                    <span class="left">平板</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore01.webp" alt="">
                                                <span class="flexBox">MatePad Pro系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore02.webp" alt="">
                                                <span class="flexBox">MatePad系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore03.webp" alt="">
                                                <span class="flexBox">墨水平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore04.webp" alt="">
                                                <span class="flexBox">MateBook E系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore05.webp" alt="">
                                                <span class="flexBox">M系列和畅享平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore06.webp" alt="">
                                                <span class="flexBox">商用平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore07.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox smart_screen">
                                    <span class="left">智慧屏</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore01.webp" alt="">
                                                <span class="flexBox">智慧屏V Pro</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore02.webp" alt="">
                                                <span class="flexBox">智慧屏V系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore03.webp" alt="">
                                                <span class="flexBox">华为智慧屏 SE MEMC</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore04.webp" alt="">
                                                <span class="flexBox">华为智慧屏 SE</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore05.png" alt="">
                                                <span class="flexBox">智慧屏S系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore06.webp" alt="">
                                                <span class="flexBox">学习智慧屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore07.webp" alt="">
                                                <span class="flexBox">商用智慧屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore08.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore09.webp" alt="">
                                                <span class="flexBox">办公协作大屏</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox wearing">
                                    <span class="left">穿戴</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing01.webp" alt="">
                                                <span class="flexBox">智慧科技</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing02.webp" alt="">
                                                <span class="flexBox">经典全能</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing03.webp" alt="">
                                                <span class="flexBox">专业极致</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing04.webp" alt="">
                                                <span class="flexBox">时尚潮流</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing05.webp" alt="">
                                                <span class="flexBox">健康守护</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing06.webp" alt="">
                                                <span class="flexBox">商业穿戴</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing07.webp" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox headphone_speakers">
                                    <span class="left">耳机音箱</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore01.webp" alt="">
                                                <span class="flexBox">真无线耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore02.jpg" alt="">
                                                <span class="flexBox">有线耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore03.webp" alt="">
                                                <span class="flexBox">智能耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore04.webp" alt="">
                                                <span class="flexBox">颈戴式耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore05.webp" alt="">
                                                <span class="flexBox">蓝牙音箱</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore06.webp" alt="">
                                                <span class="flexBox">智能音箱</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox door_lock_routing">
                                    <span class="left">门锁路由</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore01.webp" alt="">
                                                <span class="flexBox">华为智能门锁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore02.webp" alt="">
                                                <span class="flexBox">精品路由</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore03.webp" alt="">
                                                <span class="flexBox">移动路由</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore04.webp" alt="">
                                                <span class="flexBox">全屋WIFI</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox fittings">
                                    <span class="left">配件</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore01.webp" alt="">
                                                <span class="flexBox">充电器&线材</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore02.jpg" alt="">
                                                <span class="flexBox">移动电源</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore03.png" alt="">
                                                <span class="flexBox">自拍杆&支架</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore04.webp" alt="">
                                                <span class="flexBox">摄像机&镜头</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore05.png" alt="">
                                                <span class="flexBox">保护壳</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore06.png" alt="">
                                                <span class="flexBox">保护套</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore07.png" alt="">
                                                <span class="flexBox">贴膜</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore08.png" alt="">
                                                <span class="flexBox">个人电脑配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore09.jpg" alt="">
                                                <span class="flexBox">电脑包</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore10.png" alt="">
                                                <span class="flexBox">平板配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore11.png" alt="">
                                                <span class="flexBox">智慧屏配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore12.png" alt="">
                                                <span class="flexBox">穿戴配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox ecological_products">
                                    <span class="left">生态产品</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">    
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore01.png" alt="">
                                                <span class="flexBox">运动健身</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore02.webp" alt="">
                                                <span class="flexBox">健身保健</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore03.png" alt="">
                                                <span class="flexBox">个护美妆</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore04.webp" alt="">
                                                <span class="flexBox">智能家居</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore05.webp" alt="">
                                                <span class="flexBox">影音娱乐</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore06.png" alt="">
                                                <span class="flexBox">户外出行</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore07.png" alt="">
                                                <span class="flexBox">数码周边</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore08.webp" alt="">
                                                <span class="flexBox">医疗保健</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox household_appliances">
                                    <span class="left">家用电器</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore01.webp" alt="">
                                                <span class="flexBox">扫地清洁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore02.webp" alt="">
                                                <span class="flexBox">空气净化器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore03.webp" alt="">
                                                <span class="flexBox">厨电卫浴</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore04.webp" alt="">
                                                <span class="flexBox">净水器&热水器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore05.webp" alt="">
                                                <span class="flexBox">智能门锁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore06.webp" alt="">
                                                <span class="flexBox">摄像头安防</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore07.webp" alt="">
                                                <span class="flexBox">加湿&除湿&取暖</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore08.webp" alt="">
                                                <span class="flexBox">精选水杯</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore09.webp" alt="">
                                                <span class="flexBox">台灯&落地灯</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore10.webp" alt="">
                                                <span class="flexBox">灯饰照明</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore11.webp" alt="">
                                                <span class="flexBox">晾衣架&床&窗帘</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore12.webp" alt="">
                                                <span class="flexBox">插座&开关</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore13.webp" alt="">
                                                <span class="flexBox">电风扇</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox food_drinks">
                                    <span class="left">美食酒饮</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore01.webp" alt="">
                                                <span class="flexBox">甄选美酒</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore02.webp" alt="">
                                                <span class="flexBox">严选良食</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore03.webp" alt="">
                                                <span class="flexBox">进口生鲜</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore04.webp" alt="">
                                                <span class="flexBox">精选好物</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox value_added">
                                    <span class="left">增值服务/企业商用</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore01.png" alt="">
                                                <span class="flexBox">花币卡</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore02.webp" alt="">
                                                <span class="flexBox">手机延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore03.webp" alt="">
                                                <span class="flexBox">平板延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore04.webp" alt="">
                                                <span class="flexBox">笔记本延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore05.webp" alt="">
                                                <span class="flexBox">穿戴延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore06.webp" alt="">
                                                <span class="flexBox">音频延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore07.webp" alt="">
                                                <span class="flexBox">智慧屏全质保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore08.webp" alt="">
                                                <span class="flexBox">门锁延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore09.webp" alt="">
                                                <span class="flexBox">路由器延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore10.webp" alt="">
                                                <span class="flexBox">焕新服务</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore11.webp" alt="">
                                                <span class="flexBox">惠修服务</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore12.webp" alt="">
                                                <span class="flexBox">商用安防</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore13.webp" alt="">
                                                <span class="flexBox">UPS电源</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore14.webp" alt="">
                                                <span class="flexBox">会议大屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore15.webp" alt="">
                                                <span class="flexBox">网络设备</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                
            <div class="main flexBox searchDetail" style="display:none">
                <div class="top flexBox">
                    <div class="search_detail">
                        <div class="search_input_container flexBox">
                            <div class="svg_logo flexBox"></div>
                            <div class="input">
                                <input type="text" placeholder="搜索商品">
                            </div>
                            <div class="close_logo"></div>
                        </div>
                    </div>
                    <div class="search_discovery">
                        <div class="search_discovery_container flexBox">
                            <div class="title flexBox">
                                <span>搜索发现</span>
                                <img src="./img/changeIt.png" alt="">
                            </div>
                            <div class="recommendList">
                                <ul class="flexBox">
                                    <li>MateView SE</li>
                                    <li>手机</li>
                                    <li>筋膜枪</li>
                                    <li>p50</li>
                                    <li>手环</li>
                                    <li>nova 8 pro</li>
                                    <li>平板电脑</li>
                                    <li>手环7</li>
                                    <li>智能吉他</li>
                                    <li>xs 2</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottom"></div>
            </div>
        </nav>

        <main>
            <article>
                <!-- 轮播 -->
                <div class="Carousel">
                    <div id="carouselExampleIndicators" class="carousel slide flexBox" data-ride="carousel">
                        <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="7"></li>
                        </ol>
                        <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="imgContainer banner1"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner2"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner3"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner4"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner5"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner6"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner7"></div>
                        </div>
                        <div class="carousel-item">
                            <div class="imgContainer banner8"></div>
                        </div>
                        </div>
                    </div>
                </div>

                <!-- 左侧导航 -->
                <div class="leftNavBox">
                    <div class="leftNav">
                        <div class="main flexBox">
                            <div class="firstNav flexBox">
                                <div class="firstNavList flexBox phone">
                                    <span class="left">手机</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore01.png" alt="">
                                                <span class="flexBox">Mate系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore02.webp" alt="">
                                                <span class="flexBox">P系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore03.webp" alt="">
                                                <span class="flexBox">Nova系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore04.png" alt="">
                                                <span class="flexBox">畅享系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img//phoneMore05.webp" alt="">
                                                <span class="flexBox">华为认证二手机</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox computer">
                                    <span class="left">电脑</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore01.webp" alt="">
                                                <span class="flexBox">MateBook X系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore02.webp" alt="">
                                                <span class="flexBox">MateBook系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore03.webp" alt="">
                                                <span class="flexBox">MateBook D系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore04.webp" alt="">
                                                <span class="flexBox">MateBook E系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore05.webp" alt="">
                                                <span class="flexBox">商用电脑</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore06.webp" alt="">
                                                <span class="flexBox">显示器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore07.webp" alt="">
                                                <span class="flexBox">台式机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore08.webp" alt="">
                                                <span class="flexBox">打印机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore09.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/computerMore10.jpg" alt="">
                                                <span class="flexBox">电脑包</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox pad">
                                    <span class="left">平板</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore01.webp" alt="">
                                                <span class="flexBox">MatePad Pro系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore02.webp" alt="">
                                                <span class="flexBox">MatePad系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore03.webp" alt="">
                                                <span class="flexBox">墨水平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore04.webp" alt="">
                                                <span class="flexBox">MateBook E系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore05.webp" alt="">
                                                <span class="flexBox">M系列和畅享平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore06.webp" alt="">
                                                <span class="flexBox">商用平板</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/padMore07.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox smart_screen">
                                    <span class="left">智慧屏</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore01.webp" alt="">
                                                <span class="flexBox">智慧屏V Pro</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore02.webp" alt="">
                                                <span class="flexBox">智慧屏V系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore03.webp" alt="">
                                                <span class="flexBox">华为智慧屏 SE MEMC</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore04.webp" alt="">
                                                <span class="flexBox">华为智慧屏 SE</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore05.png" alt="">
                                                <span class="flexBox">智慧屏S系列</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore06.webp" alt="">
                                                <span class="flexBox">学习智慧屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore07.webp" alt="">
                                                <span class="flexBox">商用智慧屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore08.png" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/smart_screenMore09.webp" alt="">
                                                <span class="flexBox">办公协作大屏</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox wearing">
                                    <span class="left">穿戴</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing01.webp" alt="">
                                                <span class="flexBox">智慧科技</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing02.webp" alt="">
                                                <span class="flexBox">经典全能</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing03.webp" alt="">
                                                <span class="flexBox">专业极致</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing04.webp" alt="">
                                                <span class="flexBox">时尚潮流</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing05.webp" alt="">
                                                <span class="flexBox">健康守护</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing06.webp" alt="">
                                                <span class="flexBox">商业穿戴</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/wearing07.webp" alt="">
                                                <span class="flexBox">配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox headphone_speakers">
                                    <span class="left">耳机音箱</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore01.webp" alt="">
                                                <span class="flexBox">真无线耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore02.jpg" alt="">
                                                <span class="flexBox">有线耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore03.webp" alt="">
                                                <span class="flexBox">智能耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore04.webp" alt="">
                                                <span class="flexBox">颈戴式耳机</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore05.webp" alt="">
                                                <span class="flexBox">蓝牙音箱</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/headphone_speakersMore06.webp" alt="">
                                                <span class="flexBox">智能音箱</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox door_lock_routing">
                                    <span class="left">门锁路由</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore01.webp" alt="">
                                                <span class="flexBox">华为智能门锁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore02.webp" alt="">
                                                <span class="flexBox">精品路由</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore03.webp" alt="">
                                                <span class="flexBox">移动路由</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/door_lock_routingMore04.webp" alt="">
                                                <span class="flexBox">全屋WIFI</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox fittings">
                                    <span class="left">配件</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore01.webp" alt="">
                                                <span class="flexBox">充电器&线材</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore02.jpg" alt="">
                                                <span class="flexBox">移动电源</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore03.png" alt="">
                                                <span class="flexBox">自拍杆&支架</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore04.webp" alt="">
                                                <span class="flexBox">摄像机&镜头</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore05.png" alt="">
                                                <span class="flexBox">保护壳</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore06.png" alt="">
                                                <span class="flexBox">保护套</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore07.png" alt="">
                                                <span class="flexBox">贴膜</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore08.png" alt="">
                                                <span class="flexBox">个人电脑配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore09.jpg" alt="">
                                                <span class="flexBox">电脑包</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore10.png" alt="">
                                                <span class="flexBox">平板配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore11.png" alt="">
                                                <span class="flexBox">智慧屏配件</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/fittingsMore12.png" alt="">
                                                <span class="flexBox">穿戴配件</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox ecological_products">
                                    <span class="left">生态产品</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">    
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore01.png" alt="">
                                                <span class="flexBox">运动健身</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore02.webp" alt="">
                                                <span class="flexBox">健身保健</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore03.png" alt="">
                                                <span class="flexBox">个护美妆</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore04.webp" alt="">
                                                <span class="flexBox">智能家居</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore05.webp" alt="">
                                                <span class="flexBox">影音娱乐</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore06.png" alt="">
                                                <span class="flexBox">户外出行</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore07.png" alt="">
                                                <span class="flexBox">数码周边</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/ecological_productsMore08.webp" alt="">
                                                <span class="flexBox">医疗保健</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox household_appliances">
                                    <span class="left">家用电器</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore01.webp" alt="">
                                                <span class="flexBox">扫地清洁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore02.webp" alt="">
                                                <span class="flexBox">空气净化器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore03.webp" alt="">
                                                <span class="flexBox">厨电卫浴</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore04.webp" alt="">
                                                <span class="flexBox">净水器&热水器</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore05.webp" alt="">
                                                <span class="flexBox">智能门锁</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore06.webp" alt="">
                                                <span class="flexBox">摄像头安防</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore07.webp" alt="">
                                                <span class="flexBox">加湿&除湿&取暖</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore08.webp" alt="">
                                                <span class="flexBox">精选水杯</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore09.webp" alt="">
                                                <span class="flexBox">台灯&落地灯</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore10.webp" alt="">
                                                <span class="flexBox">灯饰照明</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore11.webp" alt="">
                                                <span class="flexBox">晾衣架&床&窗帘</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore12.webp" alt="">
                                                <span class="flexBox">插座&开关</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/household_appliancesMore13.webp" alt="">
                                                <span class="flexBox">电风扇</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox food_drinks">
                                    <span class="left">美食酒饮</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore01.webp" alt="">
                                                <span class="flexBox">甄选美酒</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore02.webp" alt="">
                                                <span class="flexBox">严选良食</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore03.webp" alt="">
                                                <span class="flexBox">进口生鲜</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/food_drinksMore04.webp" alt="">
                                                <span class="flexBox">精选好物</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="firstNavList flexBox value_added">
                                    <span class="left">增值服务/企业商用</span>
                                    <span class="right flexBox"></span>
                                    <div class="secondNav more">
                                        <ul class="flexBox">
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore01.png" alt="">
                                                <span class="flexBox">花币卡</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore02.webp" alt="">
                                                <span class="flexBox">手机延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore03.webp" alt="">
                                                <span class="flexBox">平板延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore04.webp" alt="">
                                                <span class="flexBox">笔记本延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore05.webp" alt="">
                                                <span class="flexBox">穿戴延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore06.webp" alt="">
                                                <span class="flexBox">音频延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore07.webp" alt="">
                                                <span class="flexBox">智慧屏全质保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore08.webp" alt="">
                                                <span class="flexBox">门锁延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore09.webp" alt="">
                                                <span class="flexBox">路由器延保</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore10.webp" alt="">
                                                <span class="flexBox">焕新服务</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore11.webp" alt="">
                                                <span class="flexBox">惠修服务</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore12.webp" alt="">
                                                <span class="flexBox">商用安防</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore13.webp" alt="">
                                                <span class="flexBox">UPS电源</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore14.webp" alt="">
                                                <span class="flexBox">会议大屏</span>
                                            </li>
                                            <li class="moreList flexBox">
                                                <img src="./img/value_addedMore15.webp" alt="">
                                                <span class="flexBox">网络设备</span>
                                            </li>
                                            <li class="seeAll">
                                                <div class="seeAllBox">
                                                    <span>查看全部</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev"></button>
                    <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next"></button>
                </div>

                <section class="main_category">
                    <div class="pc_width">
                        <div class="main flexBox">
                            <div class="flexBox">
                                <img src="./img/main_category_1.webp" alt="">
                                <span>智能家居</span>
                            </div>
                            <div class="flexBox">
                                <img src="./img/main_category_2.webp" alt="">
                                <span>影音娱乐</span>
                            </div>
                            <div class="flexBox">
                                <img src="./img/main_category_3.webp" alt="">
                                <span>AITO汽车</span>
                            </div>
                            <div class="flexBox">
                                <img src="./img/main_category_4.webp" alt="">
                                <span>超新计划</span>
                            </div>
                            <div class="flexBox">
                                <img src="./img/main_category_5.webp" alt="">
                                <span>以旧换新</span>
                            </div>
                            <div class="flexBox">
                                <img src="./img/main_category_6.webp" alt="">
                                <span>会员频道</span>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="ad">
                    <div class="pc_width">
                        <div class="main flexBox">
                            <div><img src="./img/ad_1.webp" alt=""></div>
                            <div><img src="./img/ad_2.webp" alt=""></div>
                            <div><img src="./img/ad_3.webp" alt=""></div>
                            <div><img src="./img/ad_4.webp" alt=""></div>
                        </div>
                    </div>
                </section>

                <!-- 秒杀 -->
                <section class="spike">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <span class="left_title chosen">秒杀</span>
                            <span class="right_title flexBox">限时秒杀</span>
                        </div>
                        <div class="main flexBox">
                            <div class="timeCount flexBox">
                                <img src="./img/timeCount.png" alt="">
                                <span>00:00场</span>
                                <span>距离结束还有</span>
                                <div class="timeBox flexBox" onload="countdown()">
                                    <span class="time hour">23</span>
                                    <span class="colon">:</span>
                                    <span class="time minute">59</span>
                                    <span class="colon">:</span>
                                    <span class="time second">59</span>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/spike01.webp" alt=""></div>
                                <div class="tag">超级秒杀</div>
                                <div class="good_info text_ellipsis">
                                    <div class="good_title">YESOUL野小兽筋膜枪</div>
                                    <div class="good_dept">专业肌肉按摩，轻巧便携，30天超长续航，45dB静音</div>
                                    <div class="good_price">
                                        <span class="new">¥269</span>
                                        <span class="old">¥499</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/spike02.webp" alt=""></div>
                                <div class="tag">超级秒杀</div>
                                <div class="good_info text_ellipsis">
                                    <div class="good_title">OGAWA奥佳华家用按摩椅 OG7306</div>
                                    <div class="good_dept">3D劲感机芯，压感式检测定位，石墨烯温感SPA，丰富指压技法，10套按摩程序，音乐摇摆入眠</div>
                                    <div class="good_price">
                                        <span class="new">¥7999</span>
                                        <span class="old">¥12999</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/spike03.png" alt=""></div>
                                <div class="tag">超级秒杀</div>
                                <div class="good_info text_ellipsis">
                                    <div class="good_title">Helmetphone BH51M Neo智能头盔</div>
                                    <div class="good_dept">补贴到手780元</div>
                                    <div class="good_price">
                                        <span class="new">¥850</span>
                                        <span class="old">¥1080</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/spike04.png" alt=""></div>
                                <div class="tag">超级秒杀</div>
                                <div class="good_info text_ellipsis">
                                    <div class="good_title">立久佳 家用静音可折叠跑步机 JD600</div>
                                    <div class="good_dept">家用多功能跑步机，支持HUAWEIHiLink，飞机轮减震，静音不扰民</div>
                                    <div class="good_price">
                                        <span class="new">¥1599</span>
                                        <span class="old">¥1799</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- 限时购 -->
                <section class="limited_time">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">限时购</span>
                                <span>距结束</span>
                                <div class="timeBox flexBox" onload="countdown()">
                                    <span class="time hour">21</span>
                                    <span class="colon">:</span>
                                    <span class="time minute">40</span>
                                    <span class="colon">:</span>
                                    <span class="time second">16</span>
                                </div>
                            </div>
                            <span class="right_title flexBox">限时购</span>
                        </div>
                        <div class="main flexBox">
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/limited_time01.webp" alt=""></div>
                                <div class="good_info">
                                    <div class="good_title">HUAWEI FreeBuds Pro 无线耳机</div>
                                    <div class="good_dept">直降300元丨3期免息</div>
                                    <div class="good_price">
                                        <span class="new">¥599</span>
                                        <span class="old">¥899</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/limited_time02.webp" alt=""></div>
                                <div class="good_info">
                                    <div class="good_title">HUAWEI MateBook X Pro 2022款</div>
                                    <div class="good_dept">立省1200元|享12期免息</div>
                                    <div class="good_price">
                                        <span class="new">¥9299</span>
                                        <span class="old">¥10499</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/limited_time03.webp" alt=""></div>
                                <div class="good_info">
                                    <div class="good_title">华为智能门锁</div>
                                    <div class="good_dept">直降400元</div>
                                    <div class="good_price">
                                        <span class="new">¥2099</span>
                                        <span class="old">¥2499</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/limited_time04.webp" alt=""></div>
                                <div class="good_info">
                                    <div class="good_title">华为智选 360智能扫地机2S</div>
                                    <div class="good_dept">限时直降680元</div>
                                    <div class="good_price">
                                        <span class="new">¥1319</span>
                                        <span class="old">¥1999</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/limited_time05.png" alt=""></div>
                                <div class="good_info">
                                    <div class="good_title">极米投影仪Z6X Pro（支持HUAWEI HiLink）</div>
                                    <div class="good_dept">限时优惠215元</div>
                                    <div class="good_price">
                                        <span class="new">¥3899</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- 爆款推荐 -->
                <section class="blockbuster">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">爆款推荐</span>
                            </div>
                        </div>
                        <div class="main flexBox">
                            <div class="head_picture">
                                <img src="./img/blockbuster01.webp" alt="">
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster02.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">新品上市</div>
                                        <div class="good_title">华为畅享 50</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥1449</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster03.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">价保618</div>
                                        <div class="good_title">HUAWEI P50</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥4888</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster04.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">新品上市</div>
                                        <div class="good_title">HUAWEI FreeBuds 5i</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥499</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster05.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">新品上市</div>
                                        <div class="good_title">MatePad 10.4英寸</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥2099</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster06.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">新品上市</div>
                                        <div class="good_title">MateBook D 14 12代酷睿版</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥4999</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster07.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">价保618</div>
                                        <div class="good_title">nova 9 系列</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥2699</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster08.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">价保618</div>
                                        <div class="good_title">MatePad 11</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥2569</span>
                                    </div>
                                </div>
                            </div>
                            <div class="commodity flexBox">
                                <div class="good_picture flexBox"><img src="./img/blockbuster09.webp" alt=""></div>
                                <div class="good_info text_ellipsis">
                                    <div class="tag_title flexBox">
                                        <div class="tag">价保618</div>
                                        <div class="good_title">FreeBuds 4E 无线耳机</div>
                                    </div>
                                    <div class="good_price">
                                        <span class="new">¥599</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                <div class="carousel2">
                    <div id="carouselExampleIndicators2" class="carousel slide flexBox" data-ride="carousel">
                        <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators2" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators2" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators2" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="./img//blockbusterCarousel01.webp" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="./img//blockbusterCarousel02.webp" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="./img//blockbusterCarousel03.webp" class="d-block w-100" alt="...">
                        </div>
                        </div>
                        </div>
                    </div>
                </div>
                </section>

                <!-- 手机-企业购专区 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">手机</span>
                                <span>企业购专区</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 手机 -->
                        <div class="phone module">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/blockbuster02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">华为畅享 50</div>
                                        </div>
                                        <div class="good_dept">新品预订省50元|晒单抽水杯</div>
                                        <div class="good_price">
                                            <span class="new">¥1449</span>
                                            <span class="old">¥1499</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI Mate Xs 2</div>
                                        </div>
                                        <div class="good_dept">每天10:08限时抢购</div>
                                        <div class="good_price">
                                            <span class="new">¥9999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone03.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50</div>
                                        </div>
                                        <div class="good_dept">拼团省300元|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥4888</span>
                                            <span class="old">¥4988</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone04.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9</div>
                                        </div>
                                        <div class="good_dept">直降200元|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥2699</span>
                                            <span class="old">¥2899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9 Pro</div>
                                        </div>
                                        <div class="good_dept">限时直降300</div>
                                        <div class="good_price">
                                            <span class="new">¥3399</span>
                                            <span class="old">¥3699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50 Pro</div>
                                        </div>
                                        <div class="good_dept">直降50元|12期免息</div>
                                        <div class="good_price">
                                            <span class="new">¥5938</span>
                                            <span class="old">¥5988</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50E</div>
                                        </div>
                                        <div class="good_dept">12期免息|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥4488</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/phone08.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9 SE</div>
                                        </div>
                                        <div class="good_dept">赠充电器|直降50元</div>
                                        <div class="good_price">
                                            <span class="new">¥2349</span>
                                            <span class="old">¥2399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 企业购专选 -->
                        <div class="business_purchase module" style="display: none;">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase01.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠，购机限量赠2份配件</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI MateBook B3-520</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥5599</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase02.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠，购机限量赠2份配件</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI MateBook B7</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥9599</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase03.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠，购机限量赠2份配件</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI MateBook B3-420</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥5599</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase04.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠，购机限量赠2份配件</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI MateBook B3-520</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥6299</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase05.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠，购机限量赠2份配件</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI MateStation B515 台式机</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥3899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase06.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为显示器23.8"</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥1099</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase07.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为平板 C7 10.95 英寸 2022</div>
                                        </div>
                                        <div class="good_dept">新用户首单满额赠礼</div>
                                        <div class="good_price">
                                            <span class="new">¥3699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/business_purchase08.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>企业客户批量采购享优惠</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为平板 C5e 10.1 英寸 2022</div>
                                        </div>
                                        <div class="good_dept"> 半入耳舒适佩戴</div>
                                        <div class="good_price">
                                            <span class="new">¥1799</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- 电脑-笔记本-精品平板-台式机-显示器-电脑配件 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">电脑</span>
                                <span>笔记本</span>
                                <span>精品平板</span>
                                <span>台式机</span>
                                <span>显示器</span>
                                <span>电脑配件</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 电脑 -->
                        <div class="computer">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer01.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">华为畅享 50</div>
                                        </div>
                                        <div class="good_dept">新品预订省50元|晒单抽水杯</div>
                                        <div class="good_price">
                                            <span class="new">¥1449</span>
                                            <span class="old">¥1499</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI Mate Xs 2</div>
                                        </div>
                                        <div class="good_dept">每天10:08限时抢购</div>
                                        <div class="good_price">
                                            <span class="new">¥9999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer03.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50</div>
                                        </div>
                                        <div class="good_dept">拼团省300元|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥4888</span>
                                            <span class="old">¥4988</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer04.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9</div>
                                        </div>
                                        <div class="good_dept">直降200元|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥2699</span>
                                            <span class="old">¥2899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9 Pro</div>
                                        </div>
                                        <div class="good_dept">限时直降300</div>
                                        <div class="good_price">
                                            <span class="new">¥3399</span>
                                            <span class="old">¥3699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50 Pro</div>
                                        </div>
                                        <div class="good_dept">直降50元|12期免息</div>
                                        <div class="good_price">
                                            <span class="new">¥5938</span>
                                            <span class="old">¥5988</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">HUAWEI P50E</div>
                                        </div>
                                        <div class="good_dept">12期免息|赠充电器</div>
                                        <div class="good_price">
                                            <span class="new">¥4488</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/computer08.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">价保618</div>
                                            <div class="good_title">nova 9 SE</div>
                                        </div>
                                        <div class="good_dept">赠充电器|直降50元</div>
                                        <div class="good_price">
                                            <span class="new">¥2349</span>
                                            <span class="old">¥2399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
                <!-- 智能穿戴-智能手表-智能手环-儿童手表-VR&体脂称 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">智能穿戴</span>
                                <span>智能手表</span>
                                <span>智能手环</span>
                                <span>儿童手表</span>
                                <span>VR&体脂称</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 智能穿戴 -->
                        <div class="smart_wear">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear01.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI WATCH GT 3 Pro</div>
                                        </div>
                                        <div class="good_dept">新品上市|预订优惠50</div>
                                        <div class="good_price">
                                            <span class="new">¥2488</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI WATCH GT 3</div>
                                        </div>
                                        <div class="good_dept">预订优惠200元 | 享3期免息</div>
                                        <div class="good_price">
                                            <span class="new">¥1588</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear03.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">HUAWEI WATCH 3 Pro</div>
                                        </div>
                                        <div class="good_dept">预订优惠100元</div>
                                        <div class="good_price">
                                            <span class="new">¥2999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear04.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI WATCH 3</div>
                                        </div>
                                        <div class="good_dept">预订优惠100元</div>
                                        <div class="good_price">
                                            <span class="new">¥2199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">华为手环 7</div>
                                        </div>
                                        <div class="good_dept">预订省20元</div>
                                        <div class="good_price">
                                            <span class="new">¥269</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为儿童手表 4X</div>
                                        </div>
                                        <div class="good_dept">3期免息</div>
                                        <div class="good_price">
                                            <span class="new">¥1398</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智能体脂称 3 系列</div>
                                        </div>
                                        <div class="good_dept">14项身体数据</div>
                                        <div class="good_price">
                                            <span class="new">¥169</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_wear08.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为儿童手表 3</div>
                                        </div>
                                        <div class="good_dept">精准定位</div>
                                        <div class="good_price">
                                            <span class="new">¥298</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- 耳机-智能音箱-智能眼镜 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">耳机</span>
                                <span>智能音箱</span>
                                <span>智能眼镜</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 耳机 -->
                        <div class="earphone hasTopTag">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone01.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>新品优惠30元丨3期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">HUAWEI Freebuds 5i</div>
                                        </div>
                                        <div class="good_dept">Hi-Res高解析音质</div>
                                        <div class="good_price">
                                            <span class="new">¥569</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时直降</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone02.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>拼团省100元丨3期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI FreeBuds Pro 无线耳机</div>
                                        </div>
                                        <div class="good_dept">空气感智能佩戴</div>
                                        <div class="good_price">
                                            <span class="new">¥699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone03.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>享3期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI WATCH 3 Pro</div>
                                        </div>
                                        <div class="good_dept">智能动态降噪</div>
                                        <div class="good_price">
                                            <span class="new">¥899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone04.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>享6期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI FreeBuds Lipstick</div>
                                        </div>
                                        <div class="good_dept">奢享品质 舒适佩戴</div>
                                        <div class="good_price">
                                            <span class="new">¥1699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone05.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>拼团省100元丨3期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI FreeBuds 4i 无线耳机</div>
                                        </div>
                                        <div class="good_dept">主动降噪丨 环境音透传</div>
                                        <div class="good_price">
                                            <span class="new">¥499</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone06.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>拼团省200元丨3期免息</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI FreeLace Pro 无线耳机</div>
                                        </div>
                                        <div class="good_dept">双重主动降噪</div>
                                        <div class="good_price">
                                            <span class="new">¥599</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone07.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>高解析音质</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">HUAWEI FreeBuds 4</div>
                                        </div>
                                        <div class="good_dept">半开放主动降噪2.0 </div>
                                        <div class="good_price">
                                            <span class="new">¥899</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/earphone08.webp" alt=""></div>
                                    <div class="top_tag">
                                        <span>购机赠积分</span>
                                    </div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">Freelace 无线耳机 活力版</div>
                                        </div>
                                        <div class="good_dept"> 半入耳舒适佩戴</div>
                                        <div class="good_price">
                                            <span class="new">¥269</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                
                <!-- 智慧屏-智能路由-智能门锁 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">智慧屏</span>
                                <span>智能路由</span>
                                <span>智能门锁</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 智慧屏 -->
                        <div class="smart_screen">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen01.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 SE 65 MEMC</div>
                                        </div>
                                        <div class="good_dept">限时省800</div>
                                        <div class="good_price">
                                            <span class="new">¥2699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 SE55</div>
                                        </div>
                                        <div class="good_dept">限时省700</div>
                                        <div class="good_price">
                                            <span class="new">¥1699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen03.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 S65</div>
                                        </div>
                                        <div class="good_dept">限时直降1000元</div>
                                        <div class="good_price">
                                            <span class="new">¥3799</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen04.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏V 65 2021款</div>
                                        </div>
                                        <div class="good_dept">限时直降1000元</div>
                                        <div class="good_price">
                                            <span class="new">¥7199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 SE65</div>
                                        </div>
                                        <div class="good_dept">限时直降965元</div>
                                        <div class="good_price">
                                            <span class="new">¥2399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 SE75</div>
                                        </div>
                                        <div class="good_dept">限时直降1000元</div>
                                        <div class="good_price">
                                            <span class="new">¥3999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏 S75</div>
                                        </div>
                                        <div class="good_dept">限时直降700元</div>
                                        <div class="good_price">
                                            <span class="new">¥5799</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/smart_screen08.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智慧屏V75 2021款</div>
                                        </div>
                                        <div class="good_dept">限时直降1000元</div>
                                        <div class="good_price">
                                            <span class="new">¥12299</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                
                <!-- 生态精品-净化器-智能门锁-扫地清洁-智能水杯-影音娱乐-厨电卫浴-灯饰照明-摄像头 -->
                <section class="sameType blockbuster">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">生态精品</span>
                                <span>净化器</span>
                                <span>智能门锁</span>
                                <span>扫地清洁</span>
                                <span>智能水杯</span>
                                <span>影音娱乐</span>
                                <span>厨电卫浴</span>
                                <span>灯饰照明</span>
                                <span>摄像头</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 生态精品 -->
                        <div class="ecological_boutique">
                            <div class="main flexBox">
                                <div class="head_picture">
                                    <img src="./img/ecological_boutique01.webp" alt="">
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">爱普生L3251/L3253墨仓式打印机</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥1199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique03.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">华为智选 海雀智能摄像头Pro</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥329</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique04.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">五轮健身电踏车D1 电动自行车</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥3499</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">长虹一级能效1.5P变频空调</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥2199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">华为智选</div>
                                            <div class="good_title">华为智选 哈尔斯智能水杯 旋盖款</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥249</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">秒杀</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">OGAWA奥佳华家用按摩椅 OG7306</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥7999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique08.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">极米投影仪Z6X Pro （支持 HUAWEI HiLink）</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥3699</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/ecological_boutique09.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">dynacare涡轮六叶剃须刀 DT-R207</div>
                                        </div>
                                        <div class="good_price">
                                            <span class="new">¥199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
                
                <!-- 美食酒饮-甄选美酒-健康轻食-咖啡茗茶-精选米酒-精选好物 -->
                <section class="sameType">
                    <div class="pc_width">
                        <div class="title flexBox">
                            <div class="left_title flexBox">
                                <span class="chosen">美食酒饮</span>
                                <span>甄选美酒</span>
                                <span>健康轻食</span>
                                <span>咖啡茗茶</span>
                                <span>精选米酒</span>
                                <span>精选好物</span>
                            </div>
                            <span class="right_title flexBox">更多</span>
                        </div>
                        <!-- 美食酒饮 -->
                        <div class="food_and_drinks">
                            <div class="main flexBox">
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks01.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">法国克莱蒙教皇堡红葡萄酒</div>
                                        </div>
                                        <div class="good_dept"></div>
                                        <div class="good_price">
                                            <span class="new">¥1118</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks02.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">五粮液52度普五第八代</div>
                                        </div>
                                        <div class="good_dept"></div>
                                        <div class="good_price">
                                            <span class="new">¥1399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks03.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">西班牙伯爵高油酸葵花籽油</div>
                                        </div>
                                        <div class="good_dept">限时直降112元</div>
                                        <div class="good_price">
                                            <span class="new">¥249</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks04.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">敖云赤霞珠干红葡萄酒</div>
                                        </div>
                                        <div class="good_dept">每满1000减70元</div>
                                        <div class="good_price">
                                            <span class="new">¥3604</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">下单满减</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks05.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">法国嘉宝酒庄红葡萄酒</div>
                                        </div>
                                        <div class="good_dept">每满199减20</div>
                                        <div class="good_price">
                                            <span class="new">¥138</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">下单满减</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks06.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">智利火山混酿红</div>
                                        </div>
                                        <div class="good_dept">支付返9折券</div>
                                        <div class="good_price">
                                            <span class="new">¥168</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">下单满减</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks07.webp" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="good_title">智利火山珍藏卡美娜干红</div>
                                        </div>
                                        <div class="good_dept">支付返9折券</div>
                                        <div class="good_price">
                                            <span class="new">¥128</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">下单满减</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commodity flexBox">
                                    <div class="good_picture flexBox"><img src="./img/food_and_drinks08.png" alt=""></div>
                                    <div class="good_info text_ellipsis">
                                        <div class="tag_title flexBox">
                                            <div class="tag">新品上市</div>
                                            <div class="good_title">法国 2017年乐王吉庄园红葡萄酒</div>
                                        </div>
                                        <div class="good_dept"></div>
                                        <div class="good_price">
                                            <span class="new">¥4114</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="end"></section>
            </article>

            <!-- 侧边导航栏 -->
            <aside>
                <div class="main flexBox">
                    <a href="" class="shopping_cart">购物车</a>
                    <a href="" class="online_customer_service">在线客服</a>
                    <a href="" class="self_service">自助服务</a>
                    <a href="#" class="back_to_the_top" id="back_to_the_top">返回顶部</a>
                </div>
            </aside>
        </main>

        <footer>
            <div class="pc_width">
                <div class="service">
                    <div class="main flexBox">
                        <div>
                            <img src="./img/footer_service_1.webp" alt="">
                            <span>百强企业 品质保证</span>
                        </div>
                        <div>
                            <img src="./img/footer_service_2.webp" alt="">
                            <span>7天退货 15天换货</span>
                        </div>
                        <div>
                            <img src="./img/footer_service_3.webp" alt="">
                            <span>48元起免运费</span>
                        </div>
                        <div>
                            <img src="./img/footer_service_4.webp" alt="">
                            <span>2000家服务店 全国联保</span>
                        </div>
                    </div>
                </div>
                <div class="help">
                    <div class="main flexBox">
                        <div class="leftBar flexBox">
                            <div class="ordinary flexBox">
                                <dl class="s1">
                                    <dt><p class="help_title">购物指南</p></dt>
                                    <dd>
                                        <ul>
                                            <li><a href="#">免息分期</a></li>
                                            <li><a href="#">以旧换新</a></li>
                                            <li><a href="#">众测活动</a></li>
                                            <li><a href="#">企业购</a></li>
                                            <li><a href="#">O2O采购</a></li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="s2">
                                    <dt><p class="help_title">售后服务</p></dt>
                                    <dd>
                                        <ul>
                                            <li><a href="#">门店维修</a></li>
                                            <li><a href="#">保修政策</a></li>
                                            <li><a href="#">防伪查询</a></li>
                                            <li><a href="#">退换货政策</a></li>
                                            <li><a href="#">手机寄修服务</a></li>
                                            <li><a href="#">维修备件价格查询</a></li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="s3">
                                    <dt><p class="help_title">维修与技术支持</p></dt>
                                    <dd>
                                        <ul>
                                            <li><a href="#">服务店</a></li>
                                            <li><a href="#">预约维修</a></li>
                                            <li><a href="#">手机寄修</a></li>
                                            <li><a href="#">备件价格查询</a></li>
                                            <li><a href="#">上门服务</a></li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="s4">
                                    <dt><p class="help_title">特色服务</p></dt>
                                    <dd>
                                        <ul>
                                            <li><a href="#">防伪查询</a></li>
                                            <li><a href="#">补购保障</a></li>
                                            <li><a href="#">以旧换新</a></li>
                                            <li><a href="#">礼品包装</a></li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="s5">
                                    <dt><p class="help_title">关于我们</p></dt>
                                    <dd>
                                        <ul>
                                            <li><a href="#">公司介绍</a></li>
                                            <li><a href="#">华为零售店</a></li>
                                            <li><a href="#">商家中心</a></li>
                                            <li><a href="#">意见反馈</a></li>
                                        </ul>
                                    </dd>
                                </dl>
                            </div>
                            <div class="animated">
                                <div class="flexBox">
                                    <p class="title">友情链接</p>
                                    <div class="leftBtn" id="leftBtn" onclick="last()"></div>
                                    <div class="rightBtn" id="rightBtn" onclick="next()"></div>
                                </div>
                                <div class="link_wrap">
                                    <div class="service_list flexBox" id="service_list">
                                        <ul>
                                            <li><a href="#">华为集团</a></li>
                                            <li><a href="#">华为CBG官网</a></li>
                                            <li><a href="#">花粉俱乐部</a></li>
                                            <li><a href="#">华为云</a></li>
                                            <li><a href="#">华为应用市场</a></li>
                                        </ul>
                                        <ul>
                                            <li><a href="#">华为心声社区</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rightBar">
                            <div class="phoneNumber">950805</div>
                            <div class="phoneDesp">7 x 24 小时客服热线 (仅收市话费)</div>
                            <div class="callBtn flexBox">
                                <span>在线客服</span>
                            </div>
                            <div class="others flexBox">
                                <h2>关注VMALL：</h2>
                                <ul>
                                    <li class="iconfont">
                                        <a href="#"></a>
                                        <div class="hiddenImgBox"><img src="./img/公众号.webp" alt=""></div>
                                    </li>
                                    <li class="iconfont"><a href="#"></a></li>
                                    <li class="iconfont"><a href="#"></a></li>
                                    <li class="iconfont"><a href="#"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="copyright">
                    <div class="main flexBox">
                        <div class="logo">
                            <img src="./img/footer_logo_app.png" alt="">
                        </div>
                        <div class="fl">
                            <ul class="warrant_link">
                                <li><a href="#">华为集团</a></li>
                                <li><a href="#">华为CBG官网</a></li>
                                <li><a href="#">花粉俱乐部</a></li>
                                <li><a href="#">华为应用市场</a></li>
                                <li><a href="#">HarmonyOS</a></li>
                                <li><a href="#">华为终端云空间</a></li>
                                <li><a href="#">开发者联盟</a></li>
                                <li><a href="#">华为商城手机版</a></li>
                                <li><a href="#">网站地图</a></li>
                            </ul>
                            <a href="#">隐私声明</a>
                            <a href="#">服务协议</a>
                            <a href="#">COOKIES</a>
                            <span> Copyright © 2012-2022 华为终端有限公司 版权所有 </span>
                            <a href="#">粤ICP备19015064号</a> |
                            <a href="#">粤公网安备 44190002003939号</a>
                            <br>
                            <span>增值电信业务经营许可证：粤B2-20190762 | </span>
                            <span>备案主体编号：44201919072182 | </span>
                            <span>粤新出网备（2021）2号 |</span>
                            <span>（粤）网械平台备字[2022]第00005号</span>
                            <br>
                            <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a> |
                            <a href="#">粤东食药监械经营备20203930</a>
                            <span> | 广东省网络食品交易第三方平台备案：GDWS10168</span>
                        </div>
                        <div class="warrant"><img src="./img/Electronic-business-license.png" alt=""></div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    
    <!-- 移动端首页 -->
    <div class="mobile">
        <!-- 主要内容 -->
        <div class="header flexBox">
            <div class="nav flexBox">
                <div class="main flexBox">
                    <div class="logo"> <img src="/img/mobile/logo_red.png" alt=""></div>
                    <div class="search flexBox">
                        <div class="search_icon"></div>
                        <div class="search_text">华为企划购</div>
                    </div>
                    <div class="others flexBox">
                        <div class="others_chat"></div>
                        <div class="others_surprise"></div>
                    </div>
                </div>
            </div>
            <div class="recommend_list module">
                <div class="main flexBox">
                    <a href="javascript:;">华为专区</a>
                    <a href="javascript:;">HarmonyOS</a>
                    <a href="javascript:;">耳机</a>
                    <a href="javascript:;">美食酒饮</a>
                    <a href="javascript:;">手表</a>
                    <a href="javascript:;">手机</a>
                    <a href="javascript:;">手环</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">家用电器</a>
                    <a href="javascript:;">路由器</a>
                </div>
            </div>
        </div>
        <div class="article flexBox">
            <!-- 轮播图 -->
            <div class="banner_carousel module">
                <div class="main">
                    <div id="carouselExampleIndicators3" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                          <li data-target="#carouselExampleIndicators3" data-slide-to="0" class="active"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="1"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="2"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="3"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="4"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="5"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="6"></li>
                          <li data-target="#carouselExampleIndicators3" data-slide-to="7"></li>
                        </ol>
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <img src="/img/mobile/banner_carousel01.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel02.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel03.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel04.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel05.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel06.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel07.webp" class="d-block w-100" alt="...">
                          </div>
                          <div class="carousel-item">
                            <img src="/img/mobile/banner_carousel08.webp" class="d-block w-100" alt="...">
                          </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev" style="visibility: hidden;">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="sr-only">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next" style="visibility: hidden;">
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                          <span class="sr-only">Next</span>
                        </button>
                      </div>
                </div>
            </div>

            <!-- 分类category -->
            <div class="category module">
                <div class="main">
                    <div class="ca_container flexBox">
                        <ul class="flexBox">
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category01.webp" alt=""></a>
                                <span>智慧办公</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category02.webp" alt=""></a>
                                <span>智能家居</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category03.gif" alt=""></a>
                                <span>华为手机</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category04.webp" alt=""></a>
                                <span>影音娱乐</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category05.webp" alt=""></a>
                                <span>运动健康</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category11.webp" alt=""></a>
                                <span>智慧出行</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category13.webp" alt=""></a>
                                <span>莫塞尔</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category15.webp" alt=""></a>
                                <span>个护健康</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category17.webp" alt=""></a>
                                <span>教育商店</span>
                            </li>
                        </ul>
                        
                        <ul class="flexBox">
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category06.webp" alt=""></a>
                                <span>鸿蒙智联</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category07.webp" alt=""></a>
                                <span>众测</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category08.webp" alt=""></a>
                                <span>AITO汽车</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category09.webp" alt=""></a>
                                <span>华为智选</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category10.webp" alt=""></a>
                                <span>直播</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category12.webp" alt=""></a>
                                <span>企业团购</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category14.webp" alt=""></a>
                                <span>拼团</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category16.webp" alt=""></a>
                                <span>领券中心</span>
                            </li>
                            <li class="flexBox">
                                <a href="javascript:;"><img src="/img/mobile/category17.webp" alt=""></a>
                                <span>二手机</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 限时购+秒杀 -->
            <div class="spike_limited_time module">
                <div class="main">
                    <div class="container flexBox">
                        <div class="limited_time_purchase flexBox con_son user_touch_action">
                            <div class="title flexBox">
                                <span class="head">限时购</span>
                                <span class="tag">好货限时抢</span>
                            </div>
                            <div class="content flexBox">
                                <div class="product_item flexBox">
                                    <img src="/img/blockbuster02.webp" alt="">
                                    <div class="price flexBox">
                                        <div class="newPrice">¥1449</div>
                                        <div class="oldPrice">¥1499</div>
                                    </div>
                                </div>
                                <div class="product_item flexBox">
                                    <img src="/img/limited_time03.webp" alt="">
                                    <div class="price flexBox">
                                        <div class="newPrice">¥2199</div>
                                        <div class="oldPrice">¥2499</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="spike flexBox  con_son user_touch_action">
                            <div class="title flexBox">
                                <span class="head">秒杀</span>
                                <div class="countdown flexBox">
                                    <span class="tag">距结束</span>
                                    <div class="timeBox flexBox">
                                        <span class="time hour">21</span>
                                        <span class="colon">:</span>
                                        <span class="time minute">40</span>
                                        <span class="colon">:</span>
                                        <span class="time second">16</span>
                                    </div>
                                </div>
                            </div>
                            <div class="content flexBox">
                                <div class="product_item flexBox">
                                    <img src="/img/spike02.webp" alt="">
                                    <div class="price flexBox">
                                        <div class="newPrice">¥8299</div>
                                        <div class="oldPrice">¥12999</div>
                                    </div>
                                </div>
                                <div class="product_item flexBox">
                                    <img src="/img/wearing01.webp" alt="">
                                    <div class="price flexBox">
                                        <div class="newPrice">¥2438</div>
                                        <div class="oldPrice">¥2488</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 新人有礼 -->
            <div class="ad module">
                <div class="main">
                    <div class="ad_img user_touch_action">
                        <img src="/img/mobile/ad.webp" alt="">
                    </div>
                </div>
            </div>

            <!-- 旗舰新品 -->
            <div class="new_product module">
                <div class="main flexBox">
                    <!-- 标题 -->
                    <div class="title flexBox">
                        <div class="content">
                            <img src="/img/mobile/new_product_title.webp" alt="">
                        </div>
                    </div>
                    <!-- 内容 -->
                    <div class="new_product_module flexBox">
                        <div class="new_product_item">
                            <div id="carouselExampleIndicators4" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                  <li data-target="#carouselExampleIndicators4" data-slide-to="0" class="active"></li>
                                  <li data-target="#carouselExampleIndicators4" data-slide-to="1"></li>
                                  <li data-target="#carouselExampleIndicators4" data-slide-to="2"></li>
                                </ol>
                                <div class="carousel-inner">
                                  <div class="carousel-item active">
                                    <img src="/img/mobile/carousel2_01.webp" class="d-block w-100" alt="...">
                                  </div>
                                  <div class="carousel-item">
                                    <img src="/img/mobile/carousel2_02.webp" class="d-block w-100" alt="...">
                                  </div>
                                  <div class="carousel-item">
                                    <img src="/img/mobile/carousel2_03.webp" class="d-block w-100" alt="...">
                                  </div>
                                </div>
                              </div>
                        </div>
                        <div class="new_product_item_con flexBox">
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item01.webp" alt=""></div>
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item02.webp" alt=""></div>
                        </div>
                    </div>
                    <div class="new_product_module flexBox">
                        <div class="new_product_item_con flexBox">
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item03.webp" alt=""></div>
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item04.webp" alt=""></div>
                        </div>
                        <div class="new_product_item_con flexBox">
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item05.webp" alt=""></div>
                            <div class="new_product_item img_small"> <img src="/img/mobile/new_product_item06.webp" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 猜你喜欢 -->
            <div class="guess_you_like module">
                <div class="main flexBox">
                    <!-- 标题 -->
                    <div class="title flexBox">
                        <div class="content">猜你喜欢</div>
                    </div>
                    <!-- 内容 -->
                    <div class="product_list flexBox">
                        <div class="product_list_left flexBox">
                            <div class="product_list_left_con flexBox">
                                <div class="product_item user_touch_action">

                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img01.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">新品预订</span>
                                            <span class="product_title">HUAWEI WATCH FIT 2</span>
                                        </div>
                                        <div class="product_dept">新品优惠100元/3期免息</div>
                                        <div class="product_price">
                                            <span class="new">¥899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img02.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">新品上市</span>
                                            <span class="product_title">华为畅享 50</span>
                                        </div>
                                        <div class="product_dept">限时直降50元</div>
                                        <div class="product_price">
                                            <span class="new">¥1249</span>
                                            <span class="old">¥1299</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img03.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">HUAWEI WATCH FIT 2</span>
                                        </div>
                                        <div class="product_dept">2.5kg越光米+伯爵葵花籽油3L</div>
                                        <div class="product_price">
                                            <span class="new">¥125</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img04.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">新品预订</span>
                                            <span class="product_title">HUAWEI P50 Pocket</span>
                                        </div>
                                        <div class="product_price">
                                            <span class="new">暂无报价</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">赠送积分</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img05.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">华为智选 沃莱智能跳绳S2</span>
                                        </div>
                                        <div class="product_dept">众测优惠30元</div>
                                        <div class="product_price">
                                            <span class="new">¥99</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img06.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">【拼团】莱卡（LAICA）茶咖净饮机</span>
                                        </div>
                                        <div class="product_dept">直饮矿物好水，6大茶饮一键即享，4S速热无需等待，随意自定义温控，4L大容量</div>
                                        <div class="product_price">
                                            <span class="new">¥1699</span>
                                            <span class="old">¥2199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">拼着买更便宜</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img07.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">【拼团】得途多功能BBQ空气炸锅（支持鸿蒙智联）</span>
                                        </div>
                                        <div class="product_dept">空气炸锅烧烤一体机，360度自动旋转烧烤盘，在家轻松还原炭烤风味，270度环形可视化烹饪</div>
                                        <div class="product_price">
                                            <span class="new">¥899</span>
                                            <span class="old">¥1999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">拼着买更便宜</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img08.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">新品预订</span>
                                            <span class="product_title">佑美自然之境瑜伽垫</span>
                                        </div>
                                        <div class="product_dept">秒杀降120元</div>
                                        <div class="product_price">
                                            <span class="new">¥279</span>
                                            <span class="new">¥399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">秒杀</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img09.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">华为智慧屏 SE</span>
                                        </div>
                                        <div class="product_price">
                                            <span class="new">¥1599</span>
                                            <span class="old">¥2199</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_left_img10.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">HUAWEI MateBook D 16</span>
                                        </div>
                                        <div class="product_dept">限时省300 | 12代酷睿标压</div>
                                        <div class="product_price">
                                            <span class="new">¥5399</span>
                                            <span class="old">¥5699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="product_list_right flexBox">
                            <div class="product_list_right_con flexBox">

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img01.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">HUAWEI FreeBuds 5i</span>
                                        </div>
                                        <div class="product_dept">新品优惠100元 | 3期免息</div>
                                        <div class="product_price">
                                            <span class="new">¥499</span>
                                            <span class="old">¥599</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时直降</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img02.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">贝昂台式循环扇FZT2-Table（支持鸿蒙智联)</span>
                                        </div>
                                        <div class="product_price">
                                            <span class="new">¥359</span>
                                            <span class="old">¥699</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img03.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">帝而（Dual）智能家用微波料理炉</span>
                                        </div>
                                        <div class="product_dept">帝而（Dual）智能料理微波炉 20L</div>
                                        <div class="product_price">
                                            <span class="new">¥799</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img04.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">众测新品</span>
                                            <span class="product_title">极米 便携投影仪 NEW Play 特别版（支持鸿蒙智联）</span>
                                        </div>
                                        <div class="product_dept">众测优惠110元</div>
                                        <div class="product_price">
                                            <span class="new">¥1789</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img05.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">美的热泵柔烘家用滚筒干衣机 10公斤（支持鸿蒙智联）</span>
                                        </div>
                                        <div class="product_dept">秒杀降1550元</div>
                                        <div class="product_price">
                                            <span class="new">¥5499</span>
                                            <span class="old">¥6999</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">秒杀</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img06.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">贝昂直流变频自然风风扇Lite（支持鸿蒙智联）</span>
                                        </div>
                                        <div class="product_price">
                                            <span class="new">¥279</span>
                                            <span class="old">¥399</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时优惠</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img07.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">华为手环 7</span>
                                        </div>
                                        <div class="product_dept">限时省30元</div>
                                        <div class="product_price">
                                            <span class="new">¥239</span>
                                            <span class="old">¥269</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特价</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img08.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">华为安防监控-E20W家用安防监控摄像机</span>
                                        </div>
                                        <div class="product_price">
                                            <span class="new">¥309</span>
                                        </div>
                                    </div>
                                </div>      

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img09.png" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="product_title">蜜蜂Wi-Fi6路由AP套装Pro版4个面板AP+9口PoE供电模块</span>
                                        </div>
                                        <div class="product_dept">秒杀降330元</div>
                                        <div class="product_price">
                                            <span class="new">¥2969</span>
                                            <span class="old">¥3299</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">秒杀</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_item user_touch_action">
                                    <div class="product_img flexBox">
                                        <img src="/img/mobile//product_list_right_img10.webp" alt="">
                                    </div>
                                    <div class="product_info">
                                        <div class="tag_title">
                                            <span class="tag">热销爆款</span>
                                            <span class="product_title">nova 9 系列</span>
                                        </div>
                                        <div class="product_dept">最高省300元|部分赠充电器</div>
                                        <div class="product_price">
                                            <span class="new">¥2599</span>
                                            <span class="old">¥2899</span>
                                        </div>
                                        <div class="bottom_tag flexBox">
                                            <div class="tag">限时特惠</div>
                                            <div class="tag">分期免息</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 加载 -->
                    <div class="product_list_load flexBox">
                        <div class="load">正在加载...</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 返回顶部 -->
        <div class="aside flexBox" onclick="backToTop()">
            <div class="main user_touch_action">
                <img src="/img/mobile/返回顶部.png" alt="">
            </div>
        </div>

        <!-- 底部固定 -->
        <div class="footer flexBox">
            <div class="footer_tab home selected">
                <div class="main flexBox">
                    <div class="icon"><img src="/img/mobile//footer_home.webp" alt=""></div>
                    <div class="footer_tab_name">首页</div>
                </div>
            </div>
            <div class="footer_tab classify">
                <div class="main flexBox">
                    <div class="icon"><img src="/img/mobile//footer_classify-unselected.webp" alt=""></div>
                    <div class="footer_tab_name">分类</div>
                </div>
            </div>
            <div class="footer_tab discovery">
                <div class="main flexBox">
                    <div class="icon"><img src="/img/mobile//footer_discovery_selected.png" alt=""></div>
                    <div class="footer_tab_name">发现</div>
                </div>
            </div>
            <div class="footer_tab cart">
                <div class="main flexBox">
                    <div class="icon"><img src="/img/mobile//footer_cart-unselected.png" alt=""></div>
                    <div class="footer_tab_name">购物车</div>
                </div>
            </div>
            <div class="footer_tab personal">
                <div class="main flexBox">
                    <div class="icon"><img src="/img/mobile//footer_personal-unselected.png" alt=""></div>
                    <div class="footer_tab_name">我的</div>
                </div>
            </div>
        </div>
    </div>




    <script type="text/javascript" src="./js/footer.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/less@4" ></script>
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"> </script>

    <!-- 滚轮监听 -->
    <script>
        // 返回顶部-显示-隐藏
        var back_to_the_top = document.querySelector('.back_to_the_top');
        // 点击
        back_to_the_top.onclick = function topFunction(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
            return false;
        }

        $(window).scroll(function(){
            var top = $(window).scrollTop();
            
            if(top >= 150 && top < 500){
                // 导航栏固定于顶部
                $('nav').css('position','fixed');
                $('nav').css('left','0');
                $('nav').css('top','0');
            }
            else if(top >= 500 && top < 700){
                // 显示返回顶部按钮
                $('.back_to_the_top').css('display','block');

                //  隐藏 全部分配及其子
                $('.all_categories').css('display','none');
                $('.all_categories_leftNavBox').css('display','none');

                // 改变nav布局
                $('.toolBar').css('margin-left','40px')
            }
            else if(top >= 700){
                // 显示返回顶部按钮
                $('.back_to_the_top').css('display','block');

                //  显示 全部分配
                $('.all_categories').css('display','block');

                // 改变nav布局
                $('.toolBar').css('margin-left','8px')
            }
            else{
                // 隐藏返回顶部按钮
                $('.back_to_the_top').css('display','none');

                // nav样式修改
                $('nav').css('position','relative');

                // 隐藏 全部分配及其子
                $('.all_categories').css('display','none');
                $('.all_categories_leftNavBox').css('display','none');

                // 改变nav布局
                $('.toolBar').css('margin-left','40px')
            }
        })
    </script>

    <!-- 倒计时计时器 -->
    <script>
        var hour1 = document.getElementsByClassName('hour')[0];
        var minute1 = document.getElementsByClassName('minute')[0];
        var second1 = document.getElementsByClassName('second')[0];
        var hour2 = document.getElementsByClassName('hour')[1];
        var minute2 = document.getElementsByClassName('minute')[1];
        var second2 = document.getElementsByClassName('second')[1];
        // console.log(hour);
        console.log(hour1.innerHTML + ':' + minute1.innerHTML + ':' + second1.innerHTML);
        console.log(hour2.innerHTML + ':' + minute2.innerHTML + ':' + second2.innerHTML);

        var maxTime1 = parseInt(hour1.innerHTML)*60*60 + parseInt(minute1.innerHTML)*60 + parseInt(second1.innerHTML);
        var maxTime2 = parseInt(hour2.innerHTML)*60*60 + parseInt(minute2.innerHTML)*60 + parseInt(second2.innerHTML);
        // console.log(maxTime);

        function countdown(){
            if(maxTime1 >= 0){
                h1 = Math.floor(maxTime1 / 60 / 60 % 24);
                m1 = Math.floor(maxTime1 / 60 % 60);
                s1 = Math.floor(maxTime1 % 60);
                // console.log(h + ":" + m + ":" + s);
                if((h1/10) > 0){ this.hour1.innerHTML = h1;}
                else{ this.hour1.innerHTML = '0' + h1;}
                
                if((m1/10) > 0){ this.minute1.innerHTML = m1;}
                else{ this.minute1.innerHTML = '0' + m1;}

                if((s1/10) > 0){ this.second1.innerHTML = s1;}
                else{ this.second1.innerHTML = '0' + s1;}

                --maxTime1;
            }
            else{
                clearInterval(timeBox);
            }
            
            if(maxTime2 >= 0){
                h2 = Math.floor(maxTime2 / 60 / 60 % 24);
                m2 = Math.floor(maxTime2 / 60 % 60);
                s2 = Math.floor(maxTime2 % 60);
                // console.log(h + ":" + m + ":" + s);
                if((h2/10) > 0){ this.hour2.innerHTML = h2;}
                else{ this.hour2.innerHTML = '0' + h2;}
                
                if((m2/10) > 0){ this.minute2.innerHTML = m2;}
                else{ this.minute2.innerHTML = '0' + m2;}

                if((s2/10) > 0){ this.second2.innerHTML = s2;}
                else{ this.second2.innerHTML = '0' + s2;}

                --maxTime2;
            }
            else{
                clearInterval(timeBox);
            }
        }
        timeBox = setInterval(countdown,1000);
    </script>
    
    <!-- 搜索 -->
    <script text="text/javascript" src="/js/searchBtn.js"></script>

    

    <!-- 全部分类btn -->
    <script text="text/javascript" src="/js/nav.js"></script>

    <!-- 其他 -->
    <script>
        // 关闭topBanner
        $('.topBanner_close').click(function(){
            $('.topBanner').css('display','none');
        })


        // title样式切换
        $('.sameType .left_title span').click(function(){
            $(this).addClass('chosen');
            $(this).siblings().removeClass('chosen');
            var index = $(this).index();
            $(this).parent().parent().siblings().eq(index).css('display','block');
            $(this).parent().parent().siblings().eq(index).siblings('.module').css('display','none');
        })


        // 页面跳转
        $('.commodity').click(function(){
            $(location).attr('href','Product-Details.html');
        })
        $('.nav_first').click(function(){
            $(location).attr('href','Category.html');
        })
        $('.logo').click(function(){
            $(location).attr('href','index.html');
        })
    </script>



    <!-- 移动端 -->
    <script>
        $(function(){
            // 轮播图切换速度
            $('#carouselExampleIndicators,#carouselExampleIndicators2,#carouselExampleIndicators4,#carouselExampleIndicators3').carousel({interval:3000});
        });

        $(function(){
            var myTouch1 = util.toucher(document.getElementById('carouselExampleIndicators3'));
            var myTouch2 = util.toucher(document.getElementById('carouselExampleIndicators4'));
            myTouch1.on('swipeLeft',function(e){
                $('.right').click();
            }).on('swipeRight',function(e){
                $('.left').click();
            });
            myTouch2.on('swipeLeft',function(e){
                $('.right').click();
            }).on('swipeRight',function(e){
                $('.left').click();
            });
        })

        
        var mobile_aside = document.querySelector('.aside');
        // 点击
        mobile_aside.onclick = function backToTop(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
            return false;
        }
        
        $(window).scroll(function(){
            var top = $(window).scrollTop();
            // console.log(top);
            if(top >= 600){
                $('.aside').css('visibility','visible');
            }
            else{
                $('.aside').css('visibility','hidden');
            }
        })


        // 页面跳转
        $('.classify').click(function(){
            $(location).attr('href','Mobile-Category.html');
        })
    </script>
</body>
</html>